import React, { FunctionComponent } from 'react';

export const DetachedIcon: FunctionComponent = () => (
  <svg
    width="22"
    height="22"
    viewBox="0 0 22 22"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M14.7716 12.8853L13.8289 11.9427L14.7716 11C15.0192 10.7524 15.2157 10.4584 15.3497 10.1348C15.4837 9.81129 15.5527 9.46452 15.5527 9.11432C15.5527 8.76412 15.4837 8.41735 15.3497 8.0938C15.2157 7.77026 15.0192 7.47628 14.7716 7.22865C14.524 6.98102 14.23 6.78459 13.9064 6.65058C13.5829 6.51656 13.2361 6.44758 12.8859 6.44758C12.5357 6.44758 12.189 6.51656 11.8654 6.65058C11.5419 6.78459 11.2479 6.98102 11.0003 7.22865L10.0576 8.17132L9.11493 7.22865L10.0576 6.28599C10.8098 5.54593 11.824 5.13309 12.8792 5.13739C13.9344 5.14168 14.9452 5.56277 15.6913 6.30893C16.4375 7.05508 16.8586 8.06585 16.8629 9.12106C16.8672 10.1763 16.4543 11.1904 15.7143 11.9427L14.7716 12.8853ZM12.8856 14.7713L11.9429 15.714C11.5726 16.0904 11.1314 16.3897 10.6448 16.5948C10.1582 16.7998 9.63587 16.9065 9.10785 16.9087C8.57982 16.9108 8.0566 16.8084 7.56835 16.6073C7.08011 16.4062 6.6365 16.1105 6.26313 15.7371C5.88976 15.3637 5.59401 14.9201 5.39293 14.4319C5.19186 13.9436 5.08944 13.4204 5.09159 12.8924C5.09374 12.3644 5.20042 11.842 5.40546 11.3554C5.6105 10.8688 5.90986 10.4276 6.28626 10.0573L7.22893 9.11465L8.17159 10.0573L7.22893 11C6.9813 11.2476 6.78487 11.5416 6.65085 11.8651C6.51684 12.1887 6.44786 12.5355 6.44786 12.8857C6.44786 13.2359 6.51684 13.5826 6.65085 13.9062C6.78487 14.2297 6.9813 14.5237 7.22893 14.7713C7.47656 15.0189 7.77053 15.2154 8.09408 15.3494C8.41762 15.4834 8.76439 15.5524 9.11459 15.5524C9.46479 15.5524 9.81157 15.4834 10.1351 15.3494C10.4587 15.2154 10.7526 15.0189 11.0003 14.7713L11.9429 13.8287L12.8856 14.7713ZM12.8856 8.17132L13.8289 9.11465L9.11493 13.828L8.17159 12.8853L12.8856 8.17199V8.17132ZM6.85026 4.52865L8.13826 4.18332L8.82826 6.75999L7.54093 7.10532L6.85026 4.52932V4.52865ZM13.1723 15.2407L14.4596 14.8953L15.1503 17.4713L13.8623 17.8167L13.1723 15.2407ZM4.52893 6.84999L7.10493 7.54065L6.75959 8.82798L4.18359 8.13798L4.52893 6.84999ZM15.2409 13.172L17.8169 13.862L17.4716 15.15L14.8956 14.4593L15.2409 13.172Z"
      fill="black"
    />
  </svg>
);

export const AttachedIcon: FunctionComponent = () => (
  <svg
    width="22"
    height="22"
    viewBox="0 0 22 22"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M14.7709 12.8853L13.8282 11.9427L14.7709 11C15.0185 10.7524 15.2149 10.4584 15.3489 10.1348C15.4829 9.8113 15.5519 9.46453 15.5519 9.11433C15.5519 8.76412 15.4829 8.41735 15.3489 8.09381C15.2149 7.77027 15.0185 7.47629 14.7709 7.22866C14.5232 6.98103 14.2292 6.7846 13.9057 6.65058C13.5822 6.51657 13.2354 6.44759 12.8852 6.44759C12.535 6.44759 12.1882 6.51657 11.8647 6.65058C11.5411 6.7846 11.2471 6.98103 10.9995 7.22866L10.0569 8.17133L9.11419 7.22866L10.0569 6.28599C10.8091 5.54594 11.8232 5.1331 12.8784 5.13739C13.9337 5.14169 14.9444 5.56278 15.6906 6.30893C16.4367 7.05509 16.8578 8.06586 16.8621 9.12107C16.8664 10.1763 16.4536 11.1905 15.7135 11.9427L14.7709 12.8853ZM12.8849 14.7713L11.9422 15.714C11.5719 16.0904 11.1307 16.3897 10.6441 16.5948C10.1575 16.7998 9.63513 16.9065 9.10711 16.9087C8.57908 16.9108 8.05586 16.8084 7.56761 16.6073C7.07937 16.4062 6.63577 16.1105 6.26239 15.7371C5.88902 15.3637 5.59327 14.9201 5.39219 14.4319C5.19112 13.9437 5.0887 13.4204 5.09085 12.8924C5.093 12.3644 5.19968 11.842 5.40472 11.3554C5.60976 10.8688 5.90912 10.4276 6.28552 10.0573L7.22819 9.11466L8.17085 10.0573L7.22819 11C6.98056 11.2476 6.78413 11.5416 6.65011 11.8651C6.5161 12.1887 6.44712 12.5355 6.44712 12.8857C6.44712 13.2359 6.5161 13.5826 6.65011 13.9062C6.78413 14.2297 6.98056 14.5237 7.22819 14.7713C7.47582 15.019 7.7698 15.2154 8.09334 15.3494C8.41688 15.4834 8.76365 15.5524 9.11385 15.5524C9.46406 15.5524 9.81083 15.4834 10.1344 15.3494C10.4579 15.2154 10.7519 15.019 10.9995 14.7713L11.9422 13.8287L12.8849 14.7713ZM12.8849 8.17133L13.8282 9.11466L9.11419 13.828L8.17085 12.8853L12.8849 8.17199V8.17133Z"
      fill="black"
    />
  </svg>
);
